<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="public/js/MSClass.js"></script>
</head>
<style type="text/css">
    body{
        text-align: center;
        height:100%;
        width:100%;

        font-family: frutigernext, "Microsoft YaHei", Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 28px;
        color: #323232;
        padding: 0px;
        margin:0px;
    }
    #top{
        padding: 0px;
        margin:0px;
        height:60px;
        width:100%;
        /*border: solid 1px #00ff00;*/
        overflow:hidden;
    }
    #top_box{
        height:60px;
        width: 1000px;
        /*border:solid 1px #ff0000;*/
        margin-left: auto;
        margin-right: auto;
        text-align: left;

    }
    #middle{
        height:55px;
        width:100%;
        background-color:#e7e8eb;
        text-align: center;
        vertical-align: middle;
        margin:0px;
        padding:0px;
        overflow:hidden;
    }
    #middle_ul{
        padding: 0px;
        margin:0px;
        list-style: none;
        height:55px;
        width: 1000px;
        /*border:solid 1px #ff0000;*/
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    .middle_a{
        color: #323232;
        font-size:18px;
        line-height: 55px;
        font-family: frutigernext_medium, frutigernext, "Microsoft YaHei", Arial, Helvetica, sans-serif;
        text-decoration: none;
        letter-spacing:1px;
        /*border:solid 1px #fff000;*/
        float:left;
        padding: 0px;
        margin:0px;
        width: 90px;
        text-align: center;
    }
    .middle_a:hover {
        color: #ffffff;
        border-bottom: solid 2px #ff0000;
        background-color:#b70711;

    }
    .middle_aa{
        margin-left:5px;
    }
    #bottom{
        text-align: left;
        /*border-top: solid 1px #ff0000;*/
        border-bottom: solid 1px #dedede;
    }
    #foot{
        background-color: #e7e8eb;
        height: 100px;
        color:#000000;
    }

</style>
<body>
<div id="top" >
    <div id="top_box" >
        <div id="top_image" style="padding:0px;margin:0px;float:left;">
            <img src="public/image/logo2.jpg" style="height: 58px;width:170px;padding:1px;"/>
        </div>
        <div id="login" style="line-height:60px;padding:0px;margin:0px;float:right;font-size:18px;">
            服务热线：<span style="color: #447EBC;font-size: 24px;font-weight: bold;">15797159818</span>
        </div>
        <div style="padding:0px;margin:0px;clear:both;"></div>
    </div>
</div>

<div id="middle" >
    <ul id="middle_ul">
        <li><a href="#" class="middle_a">首页</a></li>
        <li><a href="#" class="middle_a middle_aa">项目展示</a></li>
        <li><a href="#" class="middle_a middle_aa">联系</a></li>
        <li style="clear:both;"></li>
    </ul>
</div>

<div id="bottom" >
    <div style="width:100%; height:324px;background: #D5E7FF;">
    <script type="text/javascript" src="__ROOT__/Public/js/MSClass.js"></script>
    <div id ="move" style="position:relative;width:1000px; height:324px;overflow:hidden;margin-left:auto;margin-right:auto;">

        <ul id="moveconten" style="width:1000px; height:324px;overflow:hidden;margin:0px;padding:0px;">
            <li><img src="__PUBLIC__/image/title2.jpg" ></li>
            <li><img src="__PUBLIC__/image/title1.jpg" ></li>
        </ul>

    </div>
    </div>
    <script type="text/javascript">
        var Marquee1 = new Marquee(["move","moveconten"],"right");
        Marquee1.Step = 0.3;
        Marquee1.Timer = 40;
        Marquee1.DelayTime = 5000;
        Marquee1.AutoStart = true;
        Marquee1.Start();
    </script>
</div>
<div>

<div id="oneFloor" style="height:38px;background-color:#e7e8eb ;text-align:center;vertical-align: middle;">
    <h2 style="width:76%;margin:auto;text-align:left;line-height:32px;border-bottom:0.1em solid #ff0000;">1 F
        <span style="font-size: 18px;font-weight: 100;">风采展示</span>
    </h2>
</div>

<div style="height:154px;background-color:#e7e8eb ;text-align:center;vertical-align: middle;padding-top:0.1em;">

    <div style="width:76%;margin:auto;text-align:left;height:150px;border:0.1em solid #ff0000;">
        <img src="#" />
    </div>
</div>

</div>

<div id="foot">
    联系地址：襄阳长虹北路广景碧云天五楼。

</div>



</body>
</html>
